<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/HomeTemplate.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                >
    <ui:define name="body" >

        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/shadows.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/normalize.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/main.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/erp.css" />
        <link type="text/javascript" href="#{request.contextPath}/resources/js/plugins.js"/>
        <link type="text/javascript" href="#{request.contextPath}/resources/js/main.js"/>

        <div class="main-container" >


            <div id="background-wrapper">
                <img id="background" proportion="1.2" alt=""
                     src="#{request.contextPath}/resources/img/erp/Map1920px.png"/>
            </div>
            <div id="menu">
                <div class="vertical_align" >
                    <p:growl id="growl" showDetail="true" life="3000" />
                    <ul>
                        <li><a href="#{request.contextPath}/user/OrInventory.xhtml"><img alt="" src="#{request.contextPath}/resources/img/erp/Globe.png"/><span>Order</span></a><img
                                alt="" src="#{request.contextPath}/resources/img/erp/Ordericon.png"/></li>
                        <li><a href="#{request.contextPath}/user/AcTraceOrder.xhtml"><img alt="" src="#{request.contextPath}/resources/img/erp/Globe.png"/><span>Account</span></a><img
                                alt="" src="#{request.contextPath}/resources/img/erp/Accounticon.png"/></li>
                        <li><a href="#{request.contextPath}/user/WaNewClaim.xhtml"><img alt="" src="#{request.contextPath}/resources/img/erp/Globe.png"/><span>Warranty</span></a><img
                                class="warranty" alt="" src="#{request.contextPath}/resources/img/erp/Warrantyicon.png"/></li>
                        <li><a href="#"><img alt="" src="#{request.contextPath}/resources/img/erp/Globe.png"/><span>Marketing</span></a><img
                                alt="" src="#{request.contextPath}/resources/img/erp/Marketingicon.png"/></li>
                    </ul>

                </div>

            </div>
            <div id="menu2">
                <ul>
                    <li><a href="#{request.contextPath}/admin/AdminParametrics.xhtml"><img alt="" src="#{request.contextPath}/resources/img/erp/rsz_globe.png"/><span>Parametrics</span></a><img
                            alt="" src="#{request.contextPath}/resources/img/erp/parametrics.png"/></li>
                </ul> 
            </div>


        </div>


    </ui:define>
</ui:composition>